<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单入门</title>
</head>
<body>
    <!-- 
        1、什么是表单？
            网站用户信息的提交获取，即人机交互用户信息这一步骤，需要用到表单form。
            例如登录、注册表单，涉及到用户信息提交或者查询等相关人机交互的
        2、表单的作用？
            表单在网页中主要负责“数据采集功能”，例如用户提交个人信息、账号密码等
        3、表单的构成？ 
            由内到外
            1)form最外侧表单容器---注意：from(来自...)记混
                 action属性：作用设置信息提交地址，后期结合js和后台讲解，先行略过
            2)input输入框（单行输入框）---不会换行
                type设置输入框控件类型，默认text表示输入普通文本，number表示输入数字、password表示输入密码
                
            textarea文本域（多行输入框）---文本较多时自动换行，且后期出现纵向滚动条
            button按钮
    -->
    
    <!-- 注册表单 -->
    <form action="">
        姓名：<input type="text" name="" id="">
        <br>
        密码：<input type="password" name="" id="">
        <br>
        年龄：<input type="number">
        <br>
        <button>注册</button>
    </form>
</body>
</html>